<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>con_placer 2011</title>
<link rel="stylesheet" href="css/reset.css" />
<link rel="stylesheet" href="css/text.css" />
<link rel="stylesheet" href="css/960.css" />
<link rel="stylesheet" href="css/main.css" />
</head>
<body onload="load();" onunload="GUnload();">

	<div id="wrapper">
	
		<div id="header" class="clearfix">
		
			<div class="container_16">
				<div class="grid_9">
					<div id="logo">
						<h1><a href="index.html"><img src="img/logo-grande.png"/></a></h1>
					</div>
				</div>
				
  			   <div class="grid_6 prefix_1">
                    <div id="navegacion" style="width:500px;float:right;margin-top:40px;">
                        <ul id="nav">
                            <li><a href="#">Reservas</a></li>
                             <li><a href="#">Dónde</a></li>
                            <li><a href="#">Quién</a></li>
                            <li><a href="#">Cuándo</a></li>
                        </ul>
                    </div>  			   
  			   </div>
				
			</div>
			
		</div>
		
		<div id="main">

		
			<div class="caja-quien container_16 clearfix" >

                <div class="grid_7 prefix_1">
                    <div id="mapa" style="background:#ccc;width:400px; height:300px;">
                        
                    </div>
                </div>				
		
                    
               <div class="grid_7 prefix_1">
                    <div class="descripcion">
                    <div style="">
                    <img src="img/logo-bellalola.jpg" />
                    </div>
                    <h1>restaurante bellalola</h1>
                    <p>
                    Duque de Sesto 48
                    </p>
                    <p>28009 Madrid
                    </p>
                    <p>
                    Tel. 91 409 03 50
                    </p>
                    <p>
                    <a href="http://www.restaurantebellalola.com">http://www.restaurantebellalola.com</a>
                    </p>
                    </div>  			   
               </div>
			</div>					

		
		</div>
		
		<div id="footer">
		<div class="container_16">
					<div class="lista-footer">
					<h4>Con_placer 2011</h4>
					<ul>
					    <li>Reservas</li>
					    <li>Dónde estamos</li>
					    <li>Quiénes somos</li>
					</ul>
					</div>
					
					<div class="lista-footer">
					<h4>Más información</h4>
					<ul>
					    <li>Cómo reservar</li>
					    <li>Precios</li>
					    <li>Fechas</li>
					</ul>
					</div>
					
					<div class="facebook">
					    <p>Síguenos en</p> 
					    <img src="img/icon_facebook.png" />
					</div>
			</div>
		</div>
		
	
	
	</div>


    <script
     src="http://maps.google.com/maps?file=api&amp;v=2&amp;sensor=true&amp;key=ABQIAAAA6qXCpqm8whRY2hBU0YUHtxTsyBuo-sr7tslD6_PG3xBPiYckLRTMKJI5NhFn_s_GT29BE913kQaGuA"
     type="text/javascript"></script>
    <script type="text/javascript">
        function load() {
          if (GBrowserIsCompatible()) {
            var map = new GMap2(document.getElementById("mapa"));
            map.addControl(new GSmallZoomControl());

            map.addControl(new GMapTypeControl());
            map.removeMapType(G_HYBRID_MAP);

            var icono = new GIcon(G_DEFAULT_ICON);
            //icono.image = "img/icon_facebook.png";
            //icono.iconSize = new GSize(62,62);

            markerOptions = { icon:icono };

            center = new GLatLng(40.422248,-3.67380);
            map.setCenter(center, 14);

            muinho = new GLatLng(40.422248,-3.67380);

            muinhoMarker = new GMarker(muinho, markerOptions);


            var info = "<img src='images/icono-roda-sombra.png' style='float:left;'> "+
            "<div style='float:left;margin-top:10px;margin-left:20px;text-align:right;font-family:Arial;font-size:14px;color:#C93C3E'>" +
                    "restaurante bella lola<br/>" +
                    "Duque de Sesto 48<br/>" +
                    "Madrid<br/>" +
                    "Tel. 91 409 03 50<br/>" +
                    "</div>";



            GEvent.addListener(muinhoMarker, "click", function() {
                muinhoMarker.openInfoWindowHtml(info);
             });


            map.addOverlay(muinhoMarker);


          }

        }
   </script>
	



</body>
</html>